<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="HandheldFriendly" content="true" />
    <meta name="keywords" content="杰视帮" />
    <meta name="description" content="杰视帮" />
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>杰视帮</title>
    <link rel="stylesheet" href="../css/common.css" />
    <link rel="stylesheet" href="../css/idangerous.swiper.css" />
    <!-- 首页样式 -->
    <link rel="stylesheet" href="../css/index.css" />
</head>

<body>
    
    <div class="header" id="top">
        <div class="wrapper">
            <div class="logo">
                <a href="/"><img src="../images/logo.png" alt="杰视帮"></a>
            </div>
            <ul class="nav">
                <li><a href="/">首页</a></li>
                <li><a href="/">线上课程</a></li>
                <li><a href="/">线下课程</a></li>
                <li class="atthis"><a href="/">作品展示</a></li>
                <li><a href="/">商业合作</a></li>
                <!-- <li><a href="/">联系我们</a></li> -->
                <li><a href="/">免费试看</a></li>
            </ul>
            <div class="right">
                <a href="#" class="icon-00"></a>
                <a href="#" class="icon-01"></a>
                <a href="#" class="icon-02"></a>
            </div>
        </div>
    </div>

    <div class="product">
        <div class="wrapper">
            <div class="product-title">
                <b>作品展示</b>
                <a href="#" class="atthis">老师作品</a>
                <a href="#">学生作品</a>
            </div>

            <ul>
                <li><a href="#">
                  <img src="../images/list/img_product_000.jpg" width="787" height="549" alt=""> 
                  <h4>极米科技·双十一正式页面</h4> 
                  <p>极米无屏电视 引领现代潮流</p>
                </a></li>

                <li><a href="#">
                  <img src="../images/list/img_product_00.jpg" width="375" height="234" alt=""> 
                  <h4>爱仕达·双十二预热页面</h4> 
                  <p>极米无屏电视 引领现代潮流</p>
                </a></li>

                <li><a href="#">
                  <img src="../images/list/img_product_01.jpg" width="375" height="234" alt=""> 
                  <h4>布布发现·品牌策划页面</h4> 
                  <p>极米无屏电视 引领现代潮流</p>
                </a></li>

                <li><a href="#">
                  <img src="../images/list/img_product_02.jpg" width="375" height="234" alt=""> 
                  <h4>布布发现·品牌策划页面</h4> 
                  <p>极米无屏电视 引领现代潮流</p>
                </a></li>

                <li><a href="#">
                  <img src="../images/list/img_product_03.jpg" width="375" height="234" alt=""> 
                  <h4>布布发现·品牌策划页面</h4> 
                  <p>极米无屏电视 引领现代潮流</p>
                </a></li>

                <li><a href="#">
                  <img src="../images/list/img_product_04.jpg" width="375" height="234" alt=""> 
                  <h4>布布发现·品牌策划页面</h4> 
                  <p>极米无屏电视 引领现代潮流</p>
                </a></li>

                <li><a href="#">
                  <img src="../images/list/img_product_05.jpg" width="375" height="234" alt=""> 
                  <h4>布布发现·品牌策划页面</h4> 
                  <p>极米无屏电视 引领现代潮流</p>
                </a></li>

                <li><a href="#">
                  <img src="../images/list/img_product_06.jpg" width="375" height="234" alt=""> 
                  <h4>布布发现·品牌策划页面</h4> 
                  <p>极米无屏电视 引领现代潮流</p>
                </a></li>
                <li><a href="#">
                  <img src="../images/list/img_product_07.jpg" width="375" height="234" alt=""> 
                  <h4>布布发现·品牌策划页面</h4> 
                  <p>极米无屏电视 引领现代潮流</p>
                </a></li>
            </ul>

            <div class="page">
                <a href="#">1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#"><img src="../images/icon_arr.png" alt=""></a>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="wrapper">
            <div class="left">
                <img src="../images/logo.png" alt="杰视帮">
                <p>杰视帮隶属成都杰士帮教育咨询有限公司，是国内专业靠前的高端电商设计培训机构，致力于打造高端电商视觉设计。由淘宝大学官方认证讲师，68Desigh十佳设计师，站酷推荐设计师，拥有15年行业设计经验，从游戏主美转战电商设计，并服务多家过亿级卖家的人气资深设计指导：蒋小亮（网名：杰克 sean）创办。目前已向各行业输送数百名优秀设计师，并助力多位学员升职加薪成功！</p>
            </div>

            <!-- <div class="footer-nav">
                <div class="title">关于</div>
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">版权声明</a></li>
                    <li><a href="#">隐私保护</a></li>
                </ul>
            </div> -->
            <div class="footer-nav">
                <div class="title">联系</div>
                <ul>
                    <li><a href="javascript:void(0);">联系我们</a></li>
                    <li><a href="#">商务合作</a></li>
                </ul>
            </div>
            <div class="weixin">
                <img src="../images/img_ewm.jpg" alt="微信二维码">
                <p>关注杰视帮微信</p>   
            </div>
        </div>
    </div>

    <div class="floor">
        <a href="#top"></a>
    </div>

    <script src="../js/jquery.min.js"></script>
    <script src="../js/idangerous.swiper.js"></script>

</body>
</html>